/* GPS样式 */
.bgBox {
    width: 360px;
    height: 520px;
    position: absolute;
    bottom: 155px;
    left: 40px;
    display: none;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .2);
    /* 设置文字不能被选中*/
    user-select: none;  
}
.bgBoxTop {
    width: 200px;
    height: 20px;
    background-size: contain;
    margin-bottom: 60px;
}
.bgBox ul {
    text-align: center;
}
.bgBox ul li {
    float: left;
    width: 176px;
    height: 146px;   
    line-height: 46px; 
    background: url('/public/images/homePage/juxing_1.png');
    border-radius: 10px;
    padding-top: 24px;
    cursor: pointer;
}
.bgBox ul li .img {
    width: 37px;
    height: 35px;
    position: absolute;
    left: 20%;
    margin-top: 6px;
}
.bgBox ul li .img1 {
    background: url('/public/images/homePage/dw_1.png') no-repeat;
    background-size: contain;
}
.bgBox ul li .img2 {
    background:url('/public/images/homePage/sp_1.png') no-repeat;
    background-size: contain;
    left: 70%;
}
.bgBox ul li .img3 {
    background:url('/public/images/homePage/yj_1.png') no-repeat;
    background-size: contain;
}
.bgBox ul li .img4 {
    background:url('/public/images/homePage/xf_1.png') no-repeat;
    background-size: contain;
    left: 70%;
}
.bgBox ul li .img5 {
    background:url('/public/images/homePage/db_1.png') no-repeat;
    background-size: contain;
}
.bgBox ul li .img6 {
    background:url('/public/images/homePage/cdz_1.png') no-repeat;
    background-size: contain;
    left: 70%;
}

.bgBox ul li:hover {
    background: url('/public/images/homePage/juxing.png');
    background-size: contain;
}
.bgBox ul li:hover .img1 {
    background: url('/public/images/homePage/dw_2.png') no-repeat;
    background-size: contain;
}
.bgBox ul li:hover .img2 {
    background:url('/public/images/homePage/sp_2.png') no-repeat;
    background-size: contain;
}
.bgBox ul li:hover .img3 {
    background:url('/public/images/homePage/yj_2.png') no-repeat;
    background-size: contain;
}
.bgBox ul li:hover .img4 {
    background:url('/public/images/homePage/xf_2.png') no-repeat;
    background-size: contain;
}
.bgBox ul li:hover .img5 {
    background:url('/public/images/homePage/db_2.png') no-repeat;
    background-size: contain;
}
.bgBox ul li:hover .img6 {
    background:url('/public/images/homePage/cdz_2.png') no-repeat;
    background-size: contain;
}
/* 文字 */
.bgBox ul li .text {
    margin-top: 36px;
}

